<template>
  <div class="m-page">
    <van-nav-bar
      class="m-page__bar"
      title="产品中心"
      left-arrow
      @click-left="onClickLeft"
    />
    <article class="m-panel m-panel--detail g-mt--10">
      <div class="m-panel__content m-panel__content--goods">
        <img src="~_a/img/1.jpg" /> <img src="~_a/img/2.jpg" />
        <img src="~_a/img/3.jpg" /> <img src="~_a/img/4.jpg" />
        <img src="~_a/img/5.jpg" /> <img src="~_a/img/6.jpg" />
        <img src="~_a/img/7.jpg" /> <img src="~_a/img/8.jpg" />
        <img src="~_a/img/9.jpg" /> <img src="~_a/img/10.jpg" />
        <img src="~_a/img/11.jpg" /> <img src="~_a/img/12.jpg" />
      </div>
    </article>
  </div>
</template>

<script>
import { NavBar } from "vant";
export default {
  name: "goods_center",
  components: {
    "van-nav-bar": NavBar
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    }
  }
};
</script>

<style lang="scss" scoped></style>
